<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>ColorSpaces - Three.js Docs</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<script src="../scripts/highlight.min.js"></script>
	<link type="text/css" rel="stylesheet" href="../styles/highlight-three.css">
	<link type="text/css" rel="stylesheet" href="../styles/page.css">
</head>
<body>
	<h1 translate="no">ColorSpaces</h1>
		<section>
			<header>
			</header>
			<article>
				<div class="container-overview">
				</div>
				<h2 class="subsection-title">Properties</h2>
				<div class="member">
					<h3 class="name" id=".DisplayP3ColorSpace" translate="no">.<a href="#.DisplayP3ColorSpace">DisplayP3ColorSpace</a><span class="type-signature"> : string</span> <span class="type-signature">(constant) </span></h3>
					<div class="description">
						<p>Display-P3 color space.</p>
					</div>
				</div>
				<div class="member">
					<h3 class="name" id=".DisplayP3ColorSpaceImpl" translate="no">.<a href="#.DisplayP3ColorSpaceImpl">DisplayP3ColorSpaceImpl</a><span class="type-signature"> : <a href="module-ColorSpaces.html#~ColorSpaceImpl">module:ColorSpaces~ColorSpaceImpl</a></span> <span class="type-signature">(constant) </span></h3>
					<div class="description">
						<p>Implementation object for the Display-P3 color space.</p>
					</div>
				</div>
				<div class="member">
					<h3 class="name" id=".ExtendedSRGBColorSpace" translate="no">.<a href="#.ExtendedSRGBColorSpace">ExtendedSRGBColorSpace</a><span class="type-signature"> : string</span> <span class="type-signature">(constant) </span></h3>
					<div class="description">
						<p>Extended-sRGB color space.</p>
					</div>
				</div>
				<div class="member">
					<h3 class="name" id=".ExtendedSRGBColorSpaceImpl" translate="no">.<a href="#.ExtendedSRGBColorSpaceImpl">ExtendedSRGBColorSpaceImpl</a><span class="type-signature"> : <a href="module-ColorSpaces.html#~ColorSpaceImpl">module:ColorSpaces~ColorSpaceImpl</a></span> <span class="type-signature">(constant) </span></h3>
					<div class="description">
						<p>Implementation object for the Extended-sRGB color space.</p>
					</div>
				</div>
				<div class="member">
					<h3 class="name" id=".LinearDisplayP3ColorSpace" translate="no">.<a href="#.LinearDisplayP3ColorSpace">LinearDisplayP3ColorSpace</a><span class="type-signature"> : string</span> <span class="type-signature">(constant) </span></h3>
					<div class="description">
						<p>Display-P3-Linear color space.</p>
					</div>
				</div>
				<div class="member">
					<h3 class="name" id=".LinearDisplayP3ColorSpaceImpl" translate="no">.<a href="#.LinearDisplayP3ColorSpaceImpl">LinearDisplayP3ColorSpaceImpl</a><span class="type-signature"> : <a href="module-ColorSpaces.html#~ColorSpaceImpl">module:ColorSpaces~ColorSpaceImpl</a></span> <span class="type-signature">(constant) </span></h3>
					<div class="description">
						<p>Implementation object for the Display-P3-Linear color space.</p>
					</div>
				</div>
				<div class="member">
					<h3 class="name" id=".LinearRec2020ColorSpace" translate="no">.<a href="#.LinearRec2020ColorSpace">LinearRec2020ColorSpace</a><span class="type-signature"> : string</span> <span class="type-signature">(constant) </span></h3>
					<div class="description">
						<p>Rec2020-Linear color space.</p>
					</div>
				</div>
				<div class="member">
					<h3 class="name" id=".LinearRec2020ColorSpaceImpl" translate="no">.<a href="#.LinearRec2020ColorSpaceImpl">LinearRec2020ColorSpaceImpl</a><span class="type-signature"> : <a href="module-ColorSpaces.html#~ColorSpaceImpl">module:ColorSpaces~ColorSpaceImpl</a></span> <span class="type-signature">(constant) </span></h3>
					<div class="description">
						<p>Implementation object for the Rec2020-Linear color space.</p>
					</div>
				</div>
				<h2 class="subsection-title">Type Definitions</h2>
				<div class="member">
					<h3 class="name" id="~ColorSpaceImpl" translate="no">.<a href="#~ColorSpaceImpl">ColorSpaceImpl</a> </h3>
					<div class="description">
						<p>An object holding the color space implementation.</p>
					</div>
<table class="props">
	<tbody>
		<tr>
				<td class="name">
					<strong>primaries</strong>
						<br>
<span class="param-type">Array.&lt;number></span>
				</td>
			<td class="description last">
				<p>The primaries.</p>
			</td>
		</tr>
		<tr>
				<td class="name">
					<strong>whitePoint</strong>
						<br>
<span class="param-type">Array.&lt;number></span>
				</td>
			<td class="description last">
				<p>The white point.</p>
			</td>
		</tr>
		<tr>
				<td class="name">
					<strong>toXYZ</strong>
						<br>
<span class="param-type"><a href="Matrix3.html">Matrix3</a></span>
				</td>
			<td class="description last">
				<p>A color space conversion matrix, converting to CIE XYZ.</p>
			</td>
		</tr>
		<tr>
				<td class="name">
					<strong>fromXYZ</strong>
						<br>
<span class="param-type"><a href="Matrix3.html">Matrix3</a></span>
				</td>
			<td class="description last">
				<p>A color space conversion matrix, converting from CIE XYZ.</p>
			</td>
		</tr>
		<tr>
				<td class="name">
					<strong>luminanceCoefficients</strong>
						<br>
<span class="param-type">Array.&lt;number></span>
				</td>
			<td class="description last">
				<p>The luminance coefficients.</p>
			</td>
		</tr>
		<tr>
				<td class="name">
					<strong>workingColorSpaceConfig</strong>
						<br>
<span class="param-type">Object</span>
				</td>
			<td class="description last">
				<p>The working color space config.</p>
			</td>
		</tr>
		<tr>
				<td class="name">
					<strong>outputColorSpaceConfig</strong>
						<br>
<span class="param-type">Object</span>
				</td>
			<td class="description last">
				<p>The drawing buffer color space config.</p>
			</td>
		</tr>
	</tbody>
</table>
				</div>
				<h2 class="subsection-title">Source</h2>
				<p>
					<a href="https://github.com/mrdoob/three.js/blob/master/examples/jsm/math/ColorSpaces.js" translate="no" target="_blank" rel="noopener">examples/jsm/math/ColorSpaces.js</a>
				</p>
			</article>
		</section>
<script src="../scripts/linenumber.js"></script>
<script src="../scripts/page.js"></script>
</body>
</html>